<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<security:authentication property="principal.username"></security:authentication>--%>
<html lang="en" class="perfect-scrollbar-on">
<head>
    <meta charset="utf-8" >
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png" >
    <link rel="icon" type="image/png" href="./assets/img/favicon.png" >
    <title>Amaze - Bootstrap Admin Dashboard Template</title>
    <link href="${pageContext.request.contextPath}/image/logo.png" rel="Shortcut Icon">
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' >
    <meta name="viewport" content="width=device-width" >
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                //jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型
                jsonPath: "https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json",
                "scale": 1
            },
            "display": {
                "position": "right", //看板娘的表现位置
                "width": 200,  //小萝莉的宽度
                "height": 400, //小萝莉的高度
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
    <!-- Bootstrap core CSS     -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" >

    <!--  Paper Dashboard CSS    -->
    <link href="assets/css/amaze.css" rel="stylesheet" >

    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link href="assets/css/demo.css" rel="stylesheet" >

    <!--     Fonts and icons     -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/font-muli.css" rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" >
    <link href="assets/css/themify-icons.css" rel="stylesheet">

    <!--    JQuery UI     -->
    <link href="assets/vendors/jquery-ui-1.12.0/jquery-ui.js" rel="stylesheet">
    <link href="assets/vendors/sweetalert/css/sweetalert2.min.css" rel="Stylesheet" >
    <link href="js/jquery-3.3.1.js" rel="Stylesheet">
    <link href="js/jquery.min.js" rel="Stylesheet">
    <link rel="stylesheet" href="Resource/layui/css/layui.css"  media="all">
    <style type="text/css">
        #pop{
            position:relative;
            width:400px;
            height:250px;
            margin-left: 940px;
            margin-top: -145px;
            z-index: 9999;
        }
        .pop{
            width:100%;
            height:250px;
            /*固定定位*/
            position: absolute;
            /*左上角位于页面中心*/
            bottom:0;
            top: 304px;
            left: 196px;
            /*让div向左偏移半个宽度、向上偏移半个高度，使div位于页面中心*/
            z-index: 999999;
        }
        /*遮罩样式*/
        .pop_con{
            display: none;  /*默认不显示，用定时器显示*/
        }
    </style>


</head>
<script type="text/javascript">
    <%--$.post("selectAdminsWeb?aAccount=${sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal.username}",function(data,status){});--%>
</script>
<body style="overflow-x: hidden;overflow-y: hidden;">
<div class="wrapper">
    <div class="sidebar" data-background-color="brown" data-active-color="danger">
        <div class="logo">
            <a href="/homepage" target="iframe" class="simple-text">
                金牛基金管理后台
            </a>
        </div>
        <div class="logo logo-mini">
            <a href="#" style="margin-left: -5px;" class="simple-text">
                金
            </a>
        </div>
        <div class="sidebar-wrapper">
            <ul class="nav">
                <li class="active" class="nav2">
                    <a href="/homepage" target="iframe">
                        <i class="layui-icon" style="font-size: 18px;">&#xe68e;</i>
                        <p>主页</p>
                    </a>
                </li>
                <c:choose>
                    <c:when test="${adminsData.power eq 'admin'}">
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#jingzhi" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe629;</i>
                                <p>净值管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id="jingzhi" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/fundValueChange" target="iframe">净值变化</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav2">
                            <a data-toggle="collapse" href="#clients" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe770;</i>
                                <p>客户管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id = "clients" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/client" target="iframe">客户</a>
                                    <li><a href="/bank" target="iframe">银行卡</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#gg" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe62a;</i>
                                <p>公告
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="gg" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/systemNotice" target="iframe">公告</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#fund" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe65e;</i>
                                <p>基金管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id = "fund" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/fundOne" target="iframe">基金</a></li>
                                    <li><a href="/clientOptional" target="iframe">基金自选</a></li>
                                    <li><a href="/fundCompany" target="iframe">基金公司</a></li>
                                    <li><a href="/fundManager" target="iframe">基金经理</a></li>
                                    <li><a href="/fundHold" target="iframe">基金持有</a></li>
                                    <li><a href="/fundAndFundType" target="iframe">基金类型</a></li>
                                    <li><a href="/automatic" target="iframe">基金定投</a></li>
                                </ul>
                            </div>
                        </li>
                    </c:when>
                    <c:when test="${adminsData.power eq 'finance'}">
                        <li class="nav2">
                            <a data-toggle="collapse" href="#jz" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe629;</i>
                                <p>净值管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id="jz" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/fundValueChange" target="iframe">净值变化</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav2">
                            <a data-toggle="collapse" href="#user" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe770;</i>
                                <p>客户管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id="user" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/client" target="iframe">客户</a>
                                    <li><a href="/bank" target="iframe">银行卡</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#formes" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe62a;</i>
                                <p>公告
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="formes" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/systemNotice" target="iframe">公告</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#table" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe716;</i>
                                <p>交易管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id = "table" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/dealMessage" target="iframe">交易申请</a></li>
                                    <li><a href="/dealRecord" target="iframe">交易流水</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#buyhome" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe63c;</i>
                                <p>赎回管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="buyhome" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/redeemMessage" target="iframe">赎回申请</a></li>
                                    <li><a href="/redeemRecord" target="iframe">赎回流水</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#funds" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe65e;</i>
                                <p>基金管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id = "funds" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/fundOne" target="iframe">基金</a></li>
                                    <li><a href="/clientOptional" target="iframe">基金自选</a></li>
                                    <li><a href="/fundCompany" target="iframe">基金公司</a></li>
                                    <li><a href="/fundManager" target="iframe">基金经理</a></li>
                                    <li><a href="/fundHold" target="iframe">基金持有</a></li>
                                    <li><a href="/fundAndFundType" target="iframe">基金类型</a></li>
                                    <li><a href="/automatic" target="iframe">基金定投</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#rz" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe626;</i>
                                <p>客服聊天
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="rz" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/Anonymous/CustomerSocket" target="iframe">客服聊天</a></li>
                                </ul>
                            </div>
                        </li>
                    </c:when>
                    <c:when test="${adminsData.power eq 'superAdmin'}">
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#jizhi" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe629;</i>
                                <p>净值管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id="jizhi" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/fundValueChange" target="iframe">净值变化</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav2">
                            <a data-toggle="collapse" href="#client" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe770;</i>
                                <p>客户管理 <b class="caret"></b></p>
                            </a>
                            <div class="collapse" id="client" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li>
                                        <a href="/client" target="iframe">客户</a>
                                    <li><a href="/bank" target="iframe">银行卡</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#forms" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe62a;</i>
                                <p>公告
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="forms" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/systemNotice" target="iframe">公告</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#tables" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe716;</i>
                                <p>交易管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse"  id="tables" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/dealMessage" target="iframe">交易申请</a></li>
                                    <li><a href="/dealRecord" target="iframe">交易流水</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#one" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe63c;</i>
                                <p>赎回管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="one" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/redeemMessage" target="iframe">赎回申请</a></li>
                                    <li><a href="/redeemRecord" target="iframe">赎回流水</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#pages" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe65e;</i>
                                <p>基金管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="pages" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/fundOne" target="iframe">基金</a></li>
                                    <li><a href="/clientOptional" target="iframe">基金自选</a></li>
                                    <li><a href="/fundCompany" target="iframe">基金公司</a></li>
                                    <li><a href="/fundManager" target="iframe">基金经理</a></li>
                                    <li><a href="/fundHold" target="iframe">基金持有</a></li>
                                    <li><a href="/fundAndFundType" target="iframe">基金类型</a></li>
                                    <li><a href="/automatic" target="iframe">基金定投</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#ui-elements" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe613;</i>
                                <p>后台人员管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="ui-elements" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/admins" target="iframe">后台人员</a></li>
                                    <li><a href="/powerManager" target="iframe">权限</a></li>
                                </ul>
                            </div>
                        </li>
                        <li  class="nav2">
                            <a data-toggle="collapse" href="#rizhi" class="collapsed" aria-expanded="false">
                                <i class="layui-icon" style="font-size: 18px;">&#xe60a;</i>
                                <p>日志管理
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <div class="collapse" id="rizhi" role="navigation" aria-expanded="false" style="height: 0px;">
                                <ul class="nav">
                                    <li><a href="/diary" target="iframe">日志</a></li>
                                </ul>
                            </div>
                        </li>
                    </c:when>
                    <c:otherwise>
                        <p>没有这个角色</p>
                    </c:otherwise>
                </c:choose>
            </ul>
        </div>
    </div>
    <div class="main-panel">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-minimize">
                    <div id="kkp">
                        <button id="minimizeSidebar" class="btn btn-round btn-white btn-fill btn-just-icon">
                            <i id="tubiao" class="layui-icon">&#xe602;</i>
                        </button>
                    </div>
                </div>
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"> Accordions </a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="/Resource/index?aAccount=${sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal.username}" target="iframe">
                                <i class="layui-icon"><img id="headImg" style="margin-top:-10px;border-radius:50px;width: 40px;height: 40px;border:solid 1.4px #999999;" src="${requestScope.adminsData.aImgUrl}"/></i>
                                <p class="hidden-lg hidden-md">img</p>
                            </a>
                        </li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="layui-icon">&#xe667;</i>
                                <span class="notification">6</span>
                                <p class="hidden-lg hidden-md">
                                    Notifications
                                    <b class="caret"></b>
                                </p>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">通知1</a>
                                </li>
                                <li>
                                    <a href="#">通知2</a>
                                </li>
                                <li>
                                    <a href="#">通知3</a>
                                </li>
                                <li>
                                    <a href="#">通知4</a>
                                </li>
                                <li>
                                    <a href="#">通知5</a>
                                </li>
                                <li>
                                    <a href="#">通知6</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#pablo" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="layui-icon">&#xe653;</i>
                                <p class="hidden-lg hidden-md">Apps</p>
                            </a>
                        </li>
                        <li>
                            <a href="#pablo" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="layui-icon">&#xe66f;</i>
                                <p class="hidden-lg hidden-md">Profile</p>
                            </a>
                        </li>
                        <li>
                            <a href="#pablo" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="layui-icon">&#xe614;</i>
                                <p class="hidden-lg hidden-md">Settings</p>
                            </a>
                        </li>
                        <li class="separator hidden-lg hidden-md"></li>
                    </ul>
                </div>
            </div>
        </nav>
        <div id="#body" style="width: 100%; height:650px;">
            <iframe src="/homepage"  style="margin-top:-16px;" width="100%" height="650px" id="iframe" name="iframe" frameborder="no"></iframe>
        </div>
    </div>
</div>
<div class="pop_con" id="pop" >
    <div class="pop" style="border: solid 1px #364150;">
        <div style="background-color: rgb(54,65,80);height: 35px; width: 399px;margin-top: -1px;">
            <span style="line-height: 35px;color: whitesmoke;font-size: 14px;padding-left: 5px;">&nbsp;金牛系统公告</span>

            <a href="javascript:void(0)" id="hidden_div" onclick="show();" style="padding-left: 260px;color: whitesmoke;font-size: 14px;">关闭</a>
        </div>
        <div id = "content_div" style="word-break: break-all;color: black;font-size: 14px;padding-left:10px; padding-top:10px;background-color: white;height: 213px;">

        </div>
    </div>

</div>




<!--   Core JS Files   -->
<script src="assets/vendors/jquery-3.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script src="assets/vendors/jquery-ui-1.12.0/jquery-ui.js"></script>
<script src="assets/vendors/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/vendors/material.min.js" type="text/javascript"></script>
<script src="assets/vendors/perfect-scrollbar.jquery.min.js" type="text/javascript"></script>
<!-- Forms Validations Plugin -->
<script src="assets/vendors/jquery.validate.min.js"></script>
<!--  Plugin for Date Time Picker and Full Calendar Plugin-->
<script src="assets/vendors/moment.min.js"></script>
<!--  Charts Plugin -->
<script src="assets/vendors/chartist.min.js"></script>
<!--  Plugin for the Wizard -->
<script src="assets/vendors/jquery.bootstrap-wizard.js"></script>
<!--  Notifications Plugin    -->
<script src="assets/vendors/bootstrap-notify.js"></script>
<!-- DateTimePicker Plugin -->
<script src="assets/vendors/bootstrap-datetimepicker.js"></script>
<!-- Vector Map plugin -->
<script src="assets/vendors/jquery-jvectormap.js"></script>
<!-- Sliders Plugin -->
<script src="assets/vendors/nouislider.min.js"></script>
<!--  Google Maps Plugin    -->
<script src="http://ditu.google.cn/maps/api/js"></script>
<!-- Select Plugin -->
<script src="assets/vendors/jquery.select-bootstrap.js"></script>
<!--  DataTables.net Plugin    -->
<script src="assets/vendors/jquery.datatables.js"></script>
<!-- Sweet Alert 2 plugin -->
<script src="assets/vendors/sweetalert/js/sweetalert2.min.js"></script>
<!--	Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
<script src="assets/vendors/jasny-bootstrap.min.js"></script>
<!--  Full Calendar Plugin    -->
<script src="assets/vendors/fullcalendar.min.js"></script>
<!-- TagsInput Plugin -->
<script src="assets/vendors/jquery.tagsinput.js"></script>
<!-- Material Dashboard javascript methods -->
<script src="assets/js/amaze.js"></script>
<!-- Material Dashboard DEMO methods, don't include it in your project! -->
<script src="assets/js/demo.js"></script>

<script type="text/javascript">
    /*
    setTimeout		只执行一次的定时器
    clearTimeout	关闭只执行一次的定时器
    setInterval		反复执行的定时器
    clearInterval	关闭反复执行的定时器
    */
    let oPop = document.getElementById('pop');
    //开启定时器的简写方式：调用匿名函数
    setTimeout(function(){
        oPop.style.display = 'block';
        $("#pop").stop(true,true).animate({top:"-290px"},2000);
    });
    function show(){
        $("#pop").stop(true,true).animate({top:"300px"},2000);
    }
</script>

<script type="text/javascript">
    $(document).ready(function(){
        num=1;
        $("#kkp").click(function(){
            if(num==1){
                $("#tubiao").html("<i class='layui-icon'>&#xe602;</i>");
                $(".nav2 li").hide();
                num--;
            }else if(num==0) {
                $("#tubiao").html("<i class='layui-icon'>&#xe603;</i>");
                $(".nav2 li").hide();
                num++;
            }
        });
        $(".nav2 a").click(function(){
            $(".nav2 li").show();
        });
        $("#simple-accordion").accordion({
            collapsible: true,
            animate: 200
        });

        $("#simple-accordion-colored").accordion({
            collapsible: true,
            animate: 200
        });

        $("#simple-accordion-alt").accordion({
            collapsible: true,
            active: false,
            animate: 200
        });

        $("#simple-accordion-alt-2, #simple-accordion-alt-3").accordion({
            collapsible: true,
            active: false,
            animate: 200
        });
        $('body').on('click', '#btn-color-targets > .btn', function(){
            var color = $(this).data('target-color');
            $('#modalColor').attr('data-modal-color', color);
        });

        $(function(){
            $(".nav2 li").click(function() {
                // 删除其他li元素的样式
                $(this).siblings('li').removeClass('active');
                $(this).addClass('active');// 添加当前元素的样式
            });
        });
    });
</script>
<script type="text/javascript">
    $.ajax({
        url: "/Anonymous/content",
        dataType: 'json',
        type: 'POST',
        async: false,
        data: {},
        success: function (data) {
            $("#content_div").html(data.str);
        }
    });
</script>
<script type="text/javascript"> (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u4923786", container:  s }); })(); </script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script></body>

</html>
